<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 
            行高 line height
                - 行高指的是文字占有的实际高度
                - 可以通过 line-height 来设置行高
                    行高可以直接指定一个大小 (px em)
                    也可以直接为行高设置一个整数
                        如果是一个整数的话，行高将会是字体的指定的倍数
                - 行高经常还用来设置文字的行间距

                字体框
                    - 字体框就是字体存在的搁置，设置 font-size 实际上就是在设置字体框的高度

                    行高会在字体框的上下平均分配
        */

        /* 
            font  可以设置字体相关的所有属性
                语法：
                    font 字体大小/行高 字体族
                    行高可以省略不写
        */
        div{
            /* font-size: 50px; */
            font: 50px/3 "Times New Roman", Times, serif;
            /* line-height: 200px; */
            border: 1px red solid;

            /* 加粗 */
            /* font-weight: bold; */
        }
    </style>
</head>
<body>
    <div>asdfbcjdks</div>
</body>
</html>